<section id="jwk-order-detail" class="ml-24 mr-24 pb-20">
	<hl-page-header title="租赁预约"></hl-page-header>
	<div class="relative mt-15 pt-15">
		<div class="color-gray">基本信息</div>
		<div class="dy-flex line-height-34">
			<div class="dy-fx-1">
				<span class="color-999">园区：</span>
				<span>{{ detailData.parkName }}</span>
			</div>
			<div class="dy-fx-2">
				<span class="color-999">区域：</span>
				<span>{{ detailData.cityName }} - {{ detailData.districtName }}</span>
			</div>
		</div>
		<div class="line-height-34">
			<span class="color-999">提交时间：</span>
			<span>{{ detailData.submitTime | formatDate }}</span>
		</div>
		<div class="absolute color-orange" style="right: 0;top: 15px;">
			<span class="icon-GM-label"></span>
			<span>{{ detailData.statusName }}</span>
		</div>
	</div>

	<div class="relative mt-15 pt-15 border-t">
		<div class="color-gray">预约信息</div>
		<div class="dy-flex line-height-34">
			<div class="dy-fx-1">
				<span class="color-999">预约人：</span>
				<span>{{ detailData.appointmentPerson }}</span>
			</div>
			<div class="dy-fx-2">
				<span class="color-999">预约人电话：</span>
				<span>{{ detailData.phoneNum }}</span>
			</div>
		</div>
		<div class="dy-flex line-height-34">
			<div class="dy-fx-1">
				<span class="color-999">预约时间：</span>
				<span>{{ detailData.appointmentTime | formatDate }}</span>
			</div>
			<div class="dy-fx-2">
				<span class="color-999">预约房源：</span>
				<a :href="'#/jwkView?ddtab=true&id='+detailData.officeId" target="_blank">{{ detailData.officeName }}</a>
			</div>
		</div>
		<div>
			<p class="line-height-34 color-999">备注：</p>
			<p>{{ detailData.memo }}</p>
		</div>
	</div>

	<div class="mt-15 pt-15 border-t" v-if="detailData.status != 'TBA'">
		<div class="color-gray">处理信息</div>
		<div class="line-height-34">
			<span class="color-999">处理人：</span>
			<span>{{ detailData.auditUserName }}</span>
		</div>
		<div class="line-height-34">
			<span class="color-999">处理时间：</span>
			<span>{{ detailData.auditTime | formatDate }}</span>
		</div>
		<div class="line-height-34">
			<span class="color-999">成交记录：</span>
			<span>{{ detailData.auditMemo }}</span>
		</div>
	</div>

	<div class="mt-15 pt-15 border-t" v-if="detailData.status == 'TBA'">
		<hl-button type="primary" @on-click="isShowKuanKuan" v-show="power.indexOf('c339') > -1">成交</hl-button>
		<hl-button type="outline" @on-click="isErrorKK" v-show="power.indexOf('c340') > -1">关闭</hl-button>
	</div>

	<hl-dialog title="成交" :visible="isSuccesDialog">
	  <textarea rows="6" class="form-control" placeholder="请填写成交记录(非必填)" v-model="successText"></textarea>
	  <div slot="footer">
	      <hl-button type="primary" @on-click="submitSuccess">确定</hl-button>
	      <hl-button type="outline" @on-click="isShowKuanKuan">取消</hl-button>
	  </div>
	</hl-dialog>

	<hl-dialog title="关闭" :visible="isErrorDialog">
	  <textarea rows="6" class="form-control" placeholder="请填写关闭原因(必填)" v-model="errorText"></textarea>
	  <div slot="footer">
	      <hl-button type="primary" @on-click="submitError">确定</hl-button>
	      <hl-button type="outline" @on-click="isErrorKK">取消</hl-button>
	  </div>
	</hl-dialog>
</section>

<script src="modules/jwk/scripts/jwk_order_detail.js" charset="utf-8"></script>
